<template>
  <div class="phb_box" >
    <div class="line_box" :area="item.id" v-for="item in data">
      <div class="line_name">{{item.name}}</div>
      <div class="line_cont_box">
        <div class="lines_box">
          <div class="line" :style="{width:lines(item.bl)}"></div>
        </div>
        <div class="line_num">{{item.value}}</div>
      </div>
    </div>
  </div>
</template>

<script>
  /*排行榜柱状图
  *具体符合树形排列的柱状图
  * 作者：trs
  *
  * */
    export default {
        name: "phb",

      props: {
        data: Array,
        // phbData:Object
      },

      computed:{

      },
      methods:{
        lines(data){
          return data+'%'
        }
      }
    }
</script>

<style scoped>
@import "./css/phb.css";
</style>
